Solution-Structure

Estrutura padrão

*-components:

Este diretório contém componentes de UI reutilizáveis (por exemplo, login, e-mail, notificações, perfil, conta, alerta-pop-up) destinados ao desenvolvimento front-end consistente.

*-elements:

Este diretório engloba elementos fundamentais de UI, como botões, alertas, banners, gráficos, cartões e mais, todos personalizados para a interface do usuário da aplicação para garantir uma experiência coesa e visualmente atraente.

*-mfe:

Micro-frontends são um estilo arquitetural usado no desenvolvimento web onde uma aplicação frontend é decomposta em partes menores e mais gerenciáveis chamadas de micro-frontends. Cada micro-frontend representa uma parte distinta da interface do usuário e pode ser desenvolvido, testado e implantado de forma independente. Essa abordagem é semelhante aos microsserviços, mas foca na camada frontend de uma aplicação.

*-core:

Este diretório contém componentes intermediários responsáveis por gerenciar serviços e lógica de negócios dentro dos segmentos baseados em React de nossa aplicação. Esses componentes facilitam o fluxo de dados e funcionalidades, garantindo um funcionamento harmonioso em várias seções do sistema.

*-utils:

Utils contém scripts node que são especificamente projetados para realizar tarefas essenciais, como criação de componentes, geração de proxy e gerenciamento de módulos. Esses scripts são instrumentais para garantir o funcionamento suave e a eficiência do fluxo de trabalho de desenvolvimento de nossa aplicação.

reagem arquitetura

Seguem-se a arquitetura sobre como raaghu-react está sendo usado como parte de UI aplicações

Raaghu - Fluxo de autenticação (página de login)

raaghu - localização

Raaghu - Fluxo de páginas